.law-rules {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
  padding: 10px;
  overflow: hidden;
  background: hsl(var(--background));

  .rules-box {
    flex: 1;
    flex-direction: column;
    height: 100%;
    overflow: hidden;

    .rules-box-title {
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: center;
      height: 50px;
      padding: 0 20px;
    }

    .rules-box-content{
      height: calc(100% - 100px);
      overflow: hidden;
      user-select: none;
      cursor: pointer;
    }

  }
  .rules-item {
    border-right: 1px solid hsl(var(--border));
    border-left: 1px solid hsl(var(--border));
  }
  .rules-info-content{
    padding: 0 20px;
  }
  .rules-type-content{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    margin: 6px;
    border-radius: 10px;
    &:hover{
      background: hsl(var(--input));
    }
    .rules-type-content-lift{
      width: calc(100% - 50px);
      display: flex;
      align-items: center;
      height: 100%;
      
      .rules-type-content-lift-name {
        margin-left: 8px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: calc(100% - 80px); /* 为标签预留空间 */
      }
    }
  }
  .rules-type-content.active{
    background-color: var(--left-menu-bg-active-color);
    color: var(--left-menu-text-active-color);
  }
}
.rules-info-content{
  user-select: text !important;
  cursor: auto !important;
}
.rules-info-content-inner>div{
  background-color: unset;
}
